<!--
  补助查询页面
-->
<template>
  <div v-if="$store.state.login_status">
    <h1>补助信息查询</h1>
    <el-row >
      <el-col :span=20 :push=2>
        <el-table :data="subsidy_data.slice((currentPage-1)*PageSize,currentPage*PageSize)" :row-class-name="rowClassName" border style="width: 100%">
          <el-table-column prop="id" label="序号" width="190" ></el-table-column>
          <el-table-column prop="workerId" label="职工编号" width="200"></el-table-column>
          <el-table-column prop="category" label="救助类别" width="200"></el-table-column>
          <el-table-column prop="year" label="资金年度" width="200"></el-table-column>
          <el-table-column prop="money" label="发放金额" width="240"></el-table-column>
        </el-table>
      </el-col>
    </el-row>
    <div class="tabListPage">
      <el-pagination @size-change="handleSizeChange"
                     @current-change="handleCurrentChange"
                     :current-page="currentPage"
                     :page-sizes="pageSizes"
                     :page-size="PageSize" layout="total, sizes, prev, pager, next, jumper"
                     :total="totalCount">
      </el-pagination>
    </div>
  </div>
</template>

<script>

import instance from "../../utils/request";

export default {
  name: "SubsidyQuery",
  data(){
    return {
      subsidy_data:[
      ],
      // 默认显示第几页
      currentPage:1,
// 总条数，根据接口获取数据长度(注意：这里不能为空)
      totalCount:0,
// 个数选择器（可修改）
      pageSizes:[1,2,3,4,5,6],
// 默认每页显示的条数（可修改）
      PageSize:1,
      //
    }
  },
  methods:{
    rowClassName({ row, rowIndex }) {
      row.id = rowIndex + 1;
    },
    // 分页
// 每页显示的条数
    handleSizeChange(val) {
// 改变每页显示的条数
      this.PageSize=val
// 注意：在改变每页显示的条数时，要将页码显示到第一页
      this.currentPage=1
    },
// 显示第几页
    handleCurrentChange(val) {
// 改变默认的页数
      this.currentPage=val
    },
  },
  created() {
    let _this = this;
    instance.get('/api/worker/assist').then(function (res) {
      if(res.data.code === 200){
        _this.subsidy_data = res.data.data;
        _this.totalCount = _this.subsidy_data.length;
      }
      else{
        if(res.data.code === 218){
          alert('暂无数据！');
        }
        else {
          alert('查询出错啦！');
        }
      }
    }).catch(function (err) {
      console.log(err.data);
    })
  }
}
</script>

<style scoped>

</style>
